<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>$.ajax()其它配置项</title>
</head>
<body>
  <script src="jquery.min.js"></script>
  <script>
    $.ajax({
      url:'/api/async',
      type:'get',
      data:'',
      dataType:'text',
      //cache为false时不缓存，cache为true时进行缓存
      cache:true,
      //async同异步设置，true(异步，默认) / false(同步)
      async:true,
      //等待或延时 1秒 (超时设置,超过1秒时间进入到error方法中，在1秒时间内进入success方法中)
      timeout:1000,
      success:function(msg){
        alert(msg)
      },
      //请求失败时的回调函数，该函数有三个参数。
      //参数1: xhr对象
      //参数2: 错误信息（错误信息通常是 "null", "timeout", "error", "notmodified" 和 "parsererror"）
      //参数3: 异常对象
      error:function(){
        alert('请求超时');
      },
      //发送Ajax完成时 触发的回调函数（不管结果是success还是error，只要Ajax发送完成就会触发complete这个回调函数）
      complete:function(){
        alert('请求完成触发complete()方法');
      },
      //发送Ajax之前 执行的回调函数。
      beforeSend:function(){
        alert('发送ajax之前执行beforeSend方法');
      },
    });
  </script>
  <img src="ajax-1/14.jpg" alt="">
</body>
</html>